<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<title>标题 titles--JQUERY MOBILE 中文API站</title>
<link rel="stylesheet" type="text/css" href="../../style/Jqueryapi.css" tppabs="http://www.jqmapi.com/style/Jqueryapi.css" />
<script type="text/javascript" src="../../style/lib/jquery-1.6.1.min.js" tppabs="http://www.jqmapi.com/style/lib/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="../../style/jqmapi.js" tppabs="http://www.jqmapi.com/style/jqmapi.js"></script>
<link rel="shortcut icon" href="../../style/img/favicon.ico" />
</head>
<body>
<div class="nav">
<iframe width="250px" scrolling="no" frameborder="0" allowtransparency="true" src="../../nav.html" tppabs="http://www.jqmapi.com/nav.html" height="1300px"></iframe>
</div>
<div class="main">
<hr style="color:#595959;" />

<div class="content">
  <h1>Ajax的导航的标题 Titles in Ajax navigation</h1>
  <div class="desc">
				  <div>当你的jQuery Mobile的网站的第一个页面加载后，然后点击一个连接或者提交一个

表单后，jQuery Mobile会使用ajax转到请求的页面的内容。在DOM中拥有2个或多个

pages,会触发动画的页面转场，但是这种处理方法的一个弊端就是页面的标题始终

</div>
				  <div>为了修复这个，jQuery Mobile会自动通过ajax解析页面的title属性 data-title属性。</div></div>
  <h1>多个page的标题 Titles in multi-page templates</h1>  
  <div class="desc">
				  <div>在多个page的文档中，我们还是遵守相似的约定，但是因为所有的page 都共用一个

标题，我们给每个page容器添加了一个data-title属性，这样在多page页面中，就

可以手动的定义标题。HTML 文档的标题会自动设置为现在活动页面的data-title属性值。</div>
  </div>
  <div class="code">
				  <pre>&lt;div data-role="page" id="foo" <strong>data-title="Page Foo"</strong>&gt; 
&lt;/div&gt;&lt;!-- /page --&gt;</pre>
                </div>
 
</div>
</div>
<iframe id="iFrame1" width="160px" scrolling="no" frameborder="0" allowtransparency="true" src="../../adsense_r.html" tppabs="http://www.jqmapi.com/adsense_r.html" onload="this.height=iFrame1.document.body.scrollHeight" ></iframe>
</body>
</html>



